<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="panel-title">
            <h4>Excel订单导入</h4>
        </div>
    </div>

    <div class="panel-body">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>下载模板：</label>
                    <a href="{:url('scanwork/order/downloadTemplate')}" class="btn btn-success">
                        <i class="fa fa-download"></i> 下载Excel模板
                    </a>
                </div>
                
                <form id="import-form" class="form-horizontal" role="form" method="POST" action="" enctype="multipart/form-data">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">订单名称：</label>
                        <div class="col-xs-12 col-sm-9">
                            <input type="text" name="order_name" class="form-control" placeholder="请输入订单名称" data-rule="required">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">客户名称：</label>
                        <div class="col-xs-12 col-sm-9">
                            <input type="text" name="customer_name" class="form-control" placeholder="请输入客户名称" value="青岛豪而美工贸有限公司" data-rule="required">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">客户电话：</label>
                        <div class="col-xs-12 col-sm-9">
                            <input type="text" name="customer_phone" class="form-control" placeholder="请输入客户电话">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">交货时间：</label>
                        <div class="col-xs-12 col-sm-9">
                            <input type="date" name="delivery_time" class="form-control">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">备注：</label>
                        <div class="col-xs-12 col-sm-9">
                            <textarea name="remark" class="form-control" rows="3" placeholder="请输入备注信息"></textarea>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">选择文件：</label>
                        <div class="col-xs-12 col-sm-9">
                            <input type="file" name="file" class="form-control" accept=".xlsx,.xls" data-rule="required">
                            <span class="help-block">支持.xlsx和.xls格式的Excel文件</span>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">导入选项：</label>
                        <div class="col-xs-12 col-sm-9">
                            <label class="checkbox-inline">
                                <input type="checkbox" name="options[auto_create_product]" value="1" checked> 自动创建产品
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" name="options[auto_create_model]" value="1" checked> 自动创建型号
                            </label>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-xs-12 col-sm-9 col-sm-offset-3">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-upload"></i> 开始导入
                            </button>
                            <button type="reset" class="btn btn-default">重置</button>
                        </div>
                    </div>
                </form>
            </div>
            
            <div class="col-md-6">
                <div class="alert alert-info">
                    <h4>导入说明：</h4>
                    <ul>
                        <li>Excel文件应包含以下列：序号、产品名称、颜色、规格、数量</li>
                        <li>产品名称格式：支持"产品名-编号"格式（如：30013-7），系统会自动分离产品名和型号编号</li>
                        <li>规格处理：系统会根据数据库中已存在的型号规格自动转换字符格式</li>
                        <li>系统会自动创建不存在的产品和型号</li>
                        <li>新创建的型号会自动设置默认工价为1元</li>
                        <li>客户名称默认为"青岛豪而美工贸有限公司"</li>
                    </ul>
                </div>
                
                <div class="alert alert-warning">
                    <h4>注意事项：</h4>
                    <ul>
                        <li>导入前请备份现有数据</li>
                        <li>确保Excel文件格式正确</li>
                        <li>数量列必须为数字</li>
                        <li>导入过程中请勿关闭页面</li>
                        <li>产品名称中的"-数字"部分会被提取为型号编号</li>
                        <li>规格转换会根据数据库中已有型号的格式自动调整</li>
                    </ul>
                </div>
                
                <div class="alert alert-success">
                    <h4>Excel格式示例：</h4>
                    <table class="table table-bordered table-sm">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>产品名称</th>
                                <th>颜色</th>
                                <th>规格</th>
                                <th>数量</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>30012-7</td>
                                <td>白色</td>
                                <td>3+妃</td>
                                <td>45</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>909-1</td>
                                <td>浅灰色</td>
                                <td>3人</td>
                                <td>40</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>30013</td>
                                <td>黑色</td>
                                <td>3+踏</td>
                                <td>36</td>
                            </tr>
                        </tbody>
                    </table>
                    <p class="text-muted">
                        <strong>处理说明：</strong><br>
                        • 30012-7 → 产品名：30012，型号编号：7，规格：3+妃 → 根据数据库现有格式转换<br>
                        • 909-1 → 产品名：909，型号编号：1，规格：3人 → 根据数据库现有格式转换<br>
                        • 30013 → 产品名：30013，型号编号：空，规格：3+踏 → 根据数据库现有格式转换<br>
                        <br>
                        <strong>规格转换规则：</strong><br>
                        • 如果数据库中已有"妃"格式，则"F"会转换为"妃"<br>
                        • 如果数据库中已有"F"格式，则"妃"会转换为"F"<br>
                        • 如果数据库中已有"踏"格式，则"T"、"t"会转换为"踏"<br>
                        • 如果数据库中已有"T"格式，则"踏"会转换为"T"
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
$(function() {
    $('#import-form').on('submit', function(e) {
        e.preventDefault();
        
        var formData = new FormData(this);
        
        // 添加表单字段数据
        formData.append('order_name', $('input[name="order_name"]').val());
        formData.append('customer_name', $('input[name="customer_name"]').val());
        formData.append('customer_phone', $('input[name="customer_phone"]').val());
        formData.append('delivery_time', $('input[name="delivery_time"]').val());
        formData.append('remark', $('textarea[name="remark"]').val());
        
        $.ajax({
            url: $(this).attr('action'),
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            beforeSend: function() {
                Fast.api.loading('正在导入，请稍候...');
            },
            success: function(data, ret) {
                Fast.api.close();
                if (ret.code === 1) {
                    Fast.api.msg(ret.msg, 'success');
                    setTimeout(function() {
                        Fast.api.open('{:url("scanwork/order/index")}', '订单管理');
                    }, 1500);
                } else {
                    Fast.api.msg(ret.msg, 'error');
                }
            },
            error: function() {
                Fast.api.close();
                Fast.api.msg('导入失败，请检查文件格式', 'error');
            }
        });
    });
});
</script>
